<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>regist</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
	<style>
  #regist{
    background:url(../image/loginBg.png) no-repeat center;
    background-size:100% 100%;
  }
  .logintitle{
        margin: 57px 0 73px;
        text-align: center;
  }
  .logintitle span{
    width: 34px;
    height: 69px;
    background: url(../image/regist@2x.png) no-repeat center;
    background-size: 100%;
  }
  .personBtn,.sellerBtn{
    width: 55px;
    height: 48px!important;
    margin: 0 auto;
    background: url(../image/person@2x.png) no-repeat center;
    background-size:100% 100%;
    background-color: rgba(3, 169, 244, 0) !important;
  }
  .sellerBtn{
    background: url(../image/seller@2x.png) no-repeat center;
    background-size:100% 100%;
    margin-top: 78px;
  }
  .registClassify{
    text-align: center;
    font-size: 16px;
    margin-top: 9px;
  }
</style>
</head>
<body>
  <div id="regist" v-bind:style="{height:wHeight}">
    <section class="aui-content aui-margin-t-15">
      <h1 class="logintitle"><span></span></h1>
    </section>
    <section class="aui-content-padded loninBtnse">
        <div class="aui-btn aui-btn-block  aui-btn-sm personBtn" @click="gotoPerson()">   </div>
        <p class="registClassify">个人</p>
        <!--   margin: 0 0.75rem 0.75rem 0.75rem; -->
    </section>
    <section class="aui-content-padded loninBtnse">
        <div class="aui-btn aui-btn-block  aui-btn-sm sellerBtn"  @click="gotoSaller()">   </div>
        <p class="registClassify">商家</p>
        <!--   margin: 0 0.75rem 0.75rem 0.75rem; -->
    </section>
  </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/vue.min.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/fastclick.js"></script>
<script type="text/javascript">
    apiready = function(){
        api.parseTapmode();
    };
    // 去掉iOS的点击延时问题
    window.addEventListener('load', function() {
        FastClick.attach(document.body);
    }, false);
    ////初始化页面
    var app = new Vue({
        el: '#regist',
        data: {
            wHeight: ''
        },
        methods: {
            init: function() {
              /////初始化页面高度
                var wh = document.documentElement.clientHeight || document.body.clientHeight;
                this.wHeight = (wh-20) + 'px';
            },
            //////选择个人
            gotoPerson : function(){
                $api.setStorage('customerType', '1');
                  setTimeout(function(){
                      api.closeWin({name: 'regist'});
                  },800);
                bf_common_view.bf_win.openWin('personRegistInfo', './personRegist/');
            },
            //////选择商家
            gotoSaller : function(){
                $api.setStorage('customerType', '2');
                setTimeout(function(){
                    api.closeWin({name: 'regist'});
                },800);
                bf_common_view.bf_win.openWin('sallerRegistInfo', './sallerRegist/');
            }
        }
    });
    app.init();
</script>
</html>
